module.exports = {
  plugins: {
    // 配置使用 autoprefixer 插件  作用：生成浏览器 CSS 样式规则前缀
    // VueCLI 内部已经配置了 autoprefixer 插件 无需配置,否则启动项目会冲突
    // autoprefixer: {
    //   browsers: ['Android >= 4.0', 'iOS >= 8']
    // },
    // 配置使用 postcss-pxtorem 插件 作用：把 px 转为 rem
    'postcss-pxtorem': {
      // file为处理的文件路径  表示根元素字体大小，它会根据根元素大小进行单位转换
      rootValue ({ file }) {
        return file.indexOf('vant') !== -1 ? 37.5 : 75
      },
      // 用来设定可以从 px 转为 rem 的属性 例如 *就是所有属性都要转换，`width` 就是仅转换 `width` 属性
      propList: ['*']
    }
  }
}
